<template>
	<div class="originSource">
        <m-header :hasBack="true" title="商品溯源" :hasTitle="true" ref="header"></m-header>
		<originSource :url='urlData' ref="frame"></originSource>
	</div>
</template>

<script>
	import {getPageTree, initDomTree} from "../../utils/getPageTree";
    import originSource from "../../real-components/originSource";
    import header from "../../real-containers/header";
	export default {
        data () {
            return {
                pageTree: [],
                urlData: '',
            }
        },
        computed:{
       		
        },
        methods: {
        	calibrateHeight() {
                let bodyHeight = document.body.offsetHeight;
                let header = document.querySelector(".nav_root");
                let frame = document.querySelector(".vue_app");
                let headerHeight = header.offsetHeight;
                let frameHeight = frame.offsetHeight;
                frame.style.height = bodyHeight - headerHeight - 1 + "px";
            }
        },
        components: {
            originSource,
            "m-header": header
	    },
        created() {
            this.urlData = this.$route.query.urlData;
        },
        mounted() {
            this.calibrateHeight();
        }
    }
</script>
<style>
</style>